<!DOCTYPE html>
<html>
<head>
	<title>个人简历</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style/index.css">
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
</head>
<body>
<!-- 整体 -->
	<div class="main">
	<!-- 第一层 -->
		<div id="first">
		<!-- 导航 -->
			<div class="nav">
				<div class="message" id="message">
					<ul>
						<li>
							<a href="#new"> 基本资料</a>
						</li>
						
						<li>
							<a href="#zhuanye"> 专业课程</a>
						</li>
						
						<li>
							<a href="#prize">经历/荣誉</a>
						</li>	
						
						<li>
							<a href="#lbt">编程轮播</a>
						</li>	
						
						<li>
							<a href="#me">自我评价</a>
						</li>	
						
					</ul>
				</div>
			</div>
		<!-- 导航下第一层 -->
			<div class="kuang">
				<div class="kuangsmall leftT">
					<img src="img/leftT.png" />
				</div>
				
				<div class="kuangsmall rightT">
					<img src="img/rightT.png" />
				</div>
				
				<div class="kuangsmall leftB">
					<img src="img/leftB.png" />
				</div>
				
				<div class="kuangsmall rightB">
					<img src="img/rightB.png" />
				</div>
				<h1>个人简历</h1>
				<span>爱技术，爱生活</span>
				
				<div class="circle">
					<span class="glyphicon glyphicon-chevron-down xjt" id="xjt"></span>
				</div>
			</div>
			
		</div>
		
	<!-- 第二层基本资料 -->
		<div id="new">
			<h1>基本资料</h1>
			<div class="newKuang glass" style="margin-left:240px;">
				<img src="img/glass.png"/>
				<h4>基本信息</h4>
				<span>姓名:肖明霞 性别:女</span>
				<span>年龄:21岁 籍贯:河北</span>
				<div class="block_div">
					<p>基本信息</p>
				</div>
			</div>
			
			<div class="newKuang glass hat">
				<img src="img/hat.png"/>
				<h4>学院</h4>
				<span>张家口职业技术学院</span>
				<div class="block_div">
					<p>学院</p>
				</div>
			</div>
			
			<div class="newKuang glass book">
				<img src="img/book.png"/>
				<h4>学历和专业</h4>
				<span>计算机网络技术</span>
				<span>大专</span>
				<div class="block_div">
					<p>学历和专业</p>
				</div>
			</div>
			
			<div class="newKuang glass tel">
				<img src="img/tel.png"/>
				<h4>联系方式</h4>
				<span>邮箱:2694906501@qq.com</span>
				<span>电话:15033625791</span>
				<div class="block_div">
					<p>联系方式</p>
				</div>
				
			</div>
		</div>
		
	<!-- 第三层 专业课程 -->
		<div id="zhuanye">
			<span style="margin-top: 100px;">熟悉了网页编辑的基本操作</span>
			<span>熟悉网站开发的基本知识,如简单项目管理,数据库创建等</span>
			<span>熟悉office等办公软件</span>
			<div class="subject">
				<img src="img/san1.png" />
				<h1>HTML5</h1>
				<span>办公软件</span>
				<span>Web前端</span>
				<span>PHP后端</span>
			</div>
			<img src="img/san.png" />
		</div>
		
	<!-- 第四层 经历/奖励 -->
		<div id="prize">
			<h1>经历/奖励 </h1>
			<span style="margin-top: 20px;">
				 <time >奖励:</time>  1. 参加了学院的学生手册获得了学院的一等奖 
			</span>
			<time >2. 2018-2019荣获优秀班干部、三好学生、优秀班干部等荣誉称号</time>
			<time> 3. 获得了国家励志奖学金和学院一等奖学金</time>
			<span><time>经历:</time> 本人一直以来担任着班里的学习委员,主要负责抓考勤、批改作业等</span>
			
		</div>
		
	<!-- 第五层 轮播图 -->
		<div id="lbt1">
			<ul id="lbt">
				<li>
					<img src="img/lbt1.png">
				</li>
				<li>
					<img src="img/lbt2.png">
				</li>
				<li>
					<img src="img/lbt3.png">
				</li>
				<li>
					<img src="img/lbt4.png">
				</li>
			</ul>
			<!-- 左右箭头 -->
				<!-- glyphicon glyphicon-chevron-left glyphicon glyphicon-chevron-right引入bs的左右箭头 -->
			<div class="jtleft glyphicon glyphicon-chevron-left" id="jtleft"></div>
			<div class="jtright glyphicon glyphicon-chevron-right" id="jtright"></div>
			<div class="dian" >
				<ul id="dian">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		
	<!-- 第六层 自我评价 -->
		<div id="me">
			<h2>Focus Me</h2>
			<span>有责任,工作认真,诚实守信,尊敬师长</span>
			<span>乐于助人,易和别人相处</span>
			<span>能够吃苦耐劳,认真做好每一门课程,对待事情认真负责</span>
			<span>端正态度,主动、上进，无论要工作还是生活上都一样 </span>
		</div>
</body>
<script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
<script type="text/javascript" src="js/index.js"></script>
	
</html>